<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>toy</title>
    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- animate.css -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 重置样式 -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 公共样式 -->
    <link rel="stylesheet/less" href="./assets/css/common.less" />

    <!-- 页面独立的 -->
    <link rel="stylesheet/less" href="./assets/css/fenlei.less" />
</head>
<body>
     <!-- header -->
     <div class="bigbox">
        <div class="search-box">
            <input class="glyphicon glyphicon-search" type="search" placeholder="搜索内容">
            <button>搜索</button>
        </div>
    </div>

    <!-- fenlei -->
    <div class="fenlei">
        <div class="left">
            <ul>
                <li><a href="#one">热门推荐</a></li>
                <li><a href="#two">奶粉/尿裤</a></li>
                <li><a href="#three">辅食零食</a></li>
                <li><a href="#four">童装童鞋</a></li>
                <li><a href="#five">喂养洗护</a></li>
                <li><a href="#">儿童玩具</a></li>
                <li><a href="#">母婴玩具</a></li>
                <li><a href="#">孕产用品</a></li>
                <li><a href="#">育儿服务</a></li>
                <li><a href="#">出行装备</a></li>
            </ul>
        </div>
        <div class="right">
            <div class="top">
                <img src="./assets/images/fenlei-1.png" alt="">
            </div>
            <div class="content">
                <div class="hot">
                    <p id="one">热门推荐</p>
                </div>
                <div class="bottom1">
                    <div class="item">
                        <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                        <span>玩具</span>
                    </div>
                    <div class="item">
                        <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                        <span>玩具</span>
                    </div>
                    <div class="item">
                        <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                        <span>玩具</span>
                    </div>
                    <div class="item">
                        <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                        <span>玩具</span>
                    </div>
                    <div class="item">
                        <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                        <span>玩具</span>
                    </div>
                    <div class="item">
                        <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                        <span>玩具</span>
                    </div>
                </div>
                <div class="hot">
                    <p id="two">奶粉/尿裤</p>
                </div>    
                <div class="bottom2">
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                </div>
                <div class="hot">
                    <p id="three">辅食零食</p>
                </div>    
                <div class="bottom3">
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                </div>
                <div class="hot">
                    <p id="four">童装童鞋</p>
                </div>    
                <div class="bottom4">
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                </div>
                <div class="hot">
                    <p id="five">童装童鞋</p>
                </div>    
                <div class="bottom5">
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                        <div class="item">
                            <a href="#"><img src="./assets/images/fenlei-2.jpg" alt=""></a>
                            <span>玩具</span>
                        </div>
                </div>
            </div>
             
               
            
        </div>
    </div>


    <!-- footer -->
    <div class="footer">
        <div class="box1">
            <div class="item1">
                <a href="./index.html"><img src="./assets/images/footer-1.png" alt=""></a>
                <a href="#">首页</a>
            </div>
            <div class="item1">
                <a href="./fenlei.html"><img src="./assets/images/footer-2.png" alt=""></a>
                <a href="#">分类</a>
            </div>
            <div class="item1" >
                <a href="./gouwu.html"><img src="./assets/images/footer-3.png" alt=""></a>
                <a href="#">购物车</a>
            </div>
            <div class="item1">
                <a href="./me.html"><img src="./assets/images/footer-4.png" alt=""></a>
                <a href="#">我的</a>
            </div>
        </div>
    </div>
</body>
</html>
<!-- 解析less的文件 -->
<script src="./assets/js/less.min.js"></script>

<!-- jquery  -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- wow.js -->
<script src="./assets/js/wow.min.repeat.js"></script>

<script>
    new WOW().init()
</script>